.header{
    position: absolute;
    width: 100%;
	height: 80px;
	background: #1e2024;
	opacity: 0.9;
	filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    .logo{
        margin-left: 40px;
    	float: left;
    	height: 60px;
    	width: 230px;
    	margin-top: 10px;
    	img{
    		width: 230px;
    		height: 60px;
    	}
    }
    ul.nav{
    	float: right;
    	li{
    		float: left;
    		font-size: 16px;
    		margin:0 20px 0;
    		a{
                display: inline-block;
    			height: 75px;
                line-height: 75px;
                border-top:5px solid #1e2024;
    			color:#aaaaaa;
    		}
    		a:hover{
    			color:#ffffff;
    			border-top: 5px solid #33aafe;
    		}
    		a.active{
    			color:#ffffff;
    			border-top: 5px solid #33aafe;
    		}
    	}
    }
    .avatar{
        position: relative;
        float: right;
        width: 44px;
        height: 44px;
        margin:18px 40px;
        a.loginTip{
            color:#fff;
            font-size: 16px;
            padding-top:15px;
            display: inline-block;
        }
        a{
            img{
                width: 44px;
                height:44px;
                border-radius: 50%;
            }
        }
        ul.user-menu{
            display: none;
            position: absolute;
            top:62px;
            right: 0;
            width: 80px;
            font-size: 14px;
            background: #cccfff;
            border-radius: 4px;
            li{
                
                a{
                    display: inline-block;
                    height: 20px;
                    width: 100%;
                    line-height: 20px;
                    text-align: center;
                }
                a:hover{
                    background: #cfcfcf;
                    color: #33aeff;
                }
            }
        }
    }
}